

<template>
    <view class="type-area cus-page">
        <view v-for="item in list" :key="item.status"
            class="com-m-t-20 item">
            <view class="com-flex">
                <u-icon :name="'/static/home/message_'+item.status+'.png'" size="52rpx"></u-icon>
                <text class="com-m-l-16 com-font-32 com-font-bold">标题</text>
            </view>
            <view class="com-m-t-24 com-minor-color com-lh-40">骏和屋代购手续费下调，最高仅收500日元，快来体验吧</view>
            <view class="com-m-t-32">
                <u-line></u-line>
            </view>
            <view class="com-m-t-32 com-flex com-row-between com-minor-color">
                <text>09:53</text>
                <view class="com-flex com-font-26">
                    <text class="com-m-r-10">查看更多</text>
                    <u-icon name="arrow-right" color="#666" size="26rpx"></u-icon>
                </view>
            </view>
        </view>
    </view>
</template>


<script>
export default {
    name:'news',
    components: {},
    props:{},

    data () {
        return {
            list: [
                { status: 1 },
                { status: 2 },
                { status: 3 }
            ]
        }
    },

    computed: {},
    watch: {},

    mounted() {},

    methods: {},
}
</script>


<style scoped lang='scss'>
    .item{
        background: #fff;
        border-radius: 24rpx;
        padding: 32rpx;
    }
</style>